html {font-family:arial,"microsoft yahei",simsun;font-size:14px}
a {color:#333;text-decoration:none}
a:hover {color:#039}
body {background:#fff url(/images/bg.png) no-repeat 50% 28px;border-top:2px solid #347}
.grid_24 {background:#fff}

header {height:80px;overflow:hidden}

#logo {padding:10px 0}
#logo a {display:inline-block;width:459px;height:52px;line-height:199px;overflow:hidden;background:#ffffff url(/images/logo.jpg) no-repeat}

#header-nav {padding:5px 0;height:20px;text-align:right}
#header-nav a {display:inline-block;padding:0 20px 0 5px;height:20px;line-height:20px;background:url(/images/icon-header.png) no-repeat 100% -10px}

#hotline {padding:5px 0 14px;text-align:right}
#hotline a {display:inline-block;margin-right:1px;padding:0 30px 0 10px;height:28px;line-height:28px;font-size:12px;vertical-align:top;background:#e2e2e2 url(/images/icon-header.png) no-repeat 100% -47px}
#hotline span {display:inline-block;padding:0 10px 0 35px;height:28px;line-height:28px;color:#fff;vertical-align:top;background:#666 url(/images/icon-header.png) no-repeat 0 -87px}
#hotline span i {font-weight:bold;font-style:normal}

nav {height:53px;line-height:38px;background:#347}
nav li {float:left;height:38px}
nav a {display:inline-block;padding:0 20px;height:38px;font-size:16px;color:#fff}
nav li:hover a,nav a:hover {color:#333;background:#f0f0f0}
nav .subnav {display:none;position:absolute;z-index:1999;top:38px;background:#fff;border-bottom:2px solid #347}
nav li:hover .subnav {display:block;background:#fff url(/images/subnav-title.png) repeat-x}
nav li:hover .subnav-normal {padding:10px 0;background:#fff}
nav li:hover .subnav a {display:block;padding:8px 20px;height:auto;line-height:1.35em;font-size:12px;color:#555;background:transparent;border-right:1px dashed #ccc}
nav li:hover .subnav a:hover {background:#eee}
nav li:hover .subnav span {float:left;width:67px}
nav li:hover .subnav img {float:left;margin-right:5px;width:40px;height:30px;border:1px solid #ddd}
nav li:hover .subnav a:hover img {border-color:#347}
nav li:hover dl {float:left;width:155px}
nav li:hover dt {padding:0 20px;width:115px;height:38px;line-height:38px;background:#eee url(/images/subnav-title.png);word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav li:hover dd {padding:10px 0}
nav li:hover .more {clear:both;padding:0 20px;line-height:32px;color:#fff;background:#347}
nav li:hover .more a {display:inline-block;padding:0 15px 0 0;color:#fff;background:url(/images/icon-nav.png) no-repeat 100% -40px;border:none}
nav li:hover .more a:hover {background:url(/images/icon-nav.png) no-repeat 100% -40px}
nav li:hover .subnav menu a {display:block;margin-left:10px;padding:0 10px;line-height:30px;font-size:14px;border:none}
nav li:hover .subnav-normal menu a {margin-right:25px}
nav li:hover .subnav menu a:hover {color:#347;background:transparent}
nav li:hover .subnav-wider dl {float:left;width:155px}
nav input[type="text"] {width:160px;color:#666;background:#fff;border-color:#fff}
nav input[type="submit"],nav input[type="submit"]:hover {width:26px;background:#f90 url(/images/icon-nav.png)}
nav .space {height:38px;background:#eee url(/images/subnav-title.png)}

/*#banner-home {position:relative;overflow:hidden;background:url(/images/bg.png) no-repeat bottom;}
#banner-home,#banner-home ul,#banner-home li,#banner-home li a {display:block;height:500px}
#banner-home li {position:absolute;width:100%}
#banner-home li a {display:block}
 banner */
.banner{position:relative;height:500px;overflow:hidden;}
.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:470px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(/images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(/images/img1_1.png) no-repeat center;}

.slider-ctrl {position:absolute;bottom:15px;left:0;margin:0;width:100%;text-align:center}
.slider-ctrl a {display:inline-block;margin:0 4px;width:10px;height:10px;line-height:99px;background:#fff;overflow:hidden;border-radius:5px;cursor:pointer}
.slider-ctrl a.active {background:#f00}

#home-news {padding-top:20px;height:140px;overflow:hidden;background:#ffffff url(/images/home-news-bg.png)}
#home-news .grid_24 {background:transparent}
#home-news .news-box {position:relative;margin-top:-7px;padding:7px 0 7px 80px;height:140px;overflow:hidden;background:url(/images/home-news-title.png) no-repeat}
#home-news li {padding-left:25px;height:28px; width:410px;line-height:28px;background:url(/images/icon-home-news.png) no-repeat; float:left;}
#home-news li:hover {background-position:0 -40px}
#home-news li a {display:inline-block}
#home-news time {display:inline-block;margin-left:10px;color:#999}
#home-news time:before {content:'['}
#home-news time:after {content:']'}
#home-news .news-box a.more {position:absolute; bottom:15px;right:0;width:39px;height:14px;line-height:99px;overflow:hidden;background:url(/images/icon-home-news.png) no-repeat -1px -87px}

#home-product {position:relative;padding:40px;height:390px;overflow:hidden;border:1px solid #ccc; text-align:center;}
#home-product li {padding-top:2px;float:left; padding-bottom:2px; padding-left:6px; padding-right:6px;width:206px;height:195px; background:url(/images/img-bg-196.jpg) no-repeat;text-align:center}
#home-product a {display:block; }
#home-product img {display:block;background:#eee;max-width: 204px; max-height: 153px; zoom: expression( function(elm) { if (elm.width > 204 || elm.height > 153 ){ if (elm.width>elm.height) { elm.width=204; } else{ elm.height=153; } } elm.style.zoom = '1'; }(this) ); }
#home-product span {position:absolute;left:50%;margin-left:-50px;width:100px;height:26px;line-height:99px;overflow:hidden;background:#000 url(/images/icon-home-product.png) no-repeat;cursor:pointer;opacity:.35;filter:alpha(opacity=35)}
#home-product span:hover {opacity:.5;filter:alpha(opacity=50)}

#home-video {margin-left:10px;height:458px;overflow:hidden;background:#eee}
#home-video a {position:absolute;left:630px;padding:9px 5px;width:22px;color:#fff;text-align:center;background:#347}
#home-video a:hover {background:#333}

#banner {background:#666}
#banner img {display:block;width:950px;height:170px}

#breadcrumb {padding:0 10px;line-height:40px;font-size:12px;color:#999;background:#eee url(/images/breadcrumb.png);border-right:1px solid #ddd;border-left:1px solid #ddd}
#breadcrumb a {display:inline-block;margin:0 5px}

#h-nav {margin:15px 15px 0;border-bottom:3px solid #347}
#h-nav a {display:inline-block;margin-right:3px;padding:0 30px;line-height:32px;font-size:16px;color:#fff;background:#aaa}
#h-nav a:hover {background:#999}
#h-nav a.active {background:#347}

.main-body {padding:0 15px;border:1px solid #ddd;border-top:none}

aside,section {float:left}
aside {margin:15px 0;width:208px;min-height:300px;background:url(/images/aside.png) no-repeat 100% 0}
section {width:710px}
aside h2 {padding:2px 0 0 20px;line-height:35px;font-size:16px;color:#347;background:#eee;border-bottom:1px solid #ddd}
aside li {line-height:35px;border-bottom:1px solid #ddd}
aside a {display:block;padding-left:35px;background:url(/images/icon-aside.png) no-repeat}
aside a.active {color:#c40;background-position:0 -40px}
aside dl {margin:0 15px;padding-bottom:5px}
aside dl a {line-height:25px;font-size:12px;background-position:0 -5px;border-top:1px dotted #ddd}
aside dl a.active {color:#f60;background-position:0 -45px}

.product-category {margin-bottom:15px;border:1px solid #ddd}
.product-category h3.title {padding:0 10px;line-height:40px;font-size:14px;background:#f4f5f7;border-top:1px solid #fff;border-bottom:1px solid #ddd}
.product-category .product-cates {padding:10px}
.product-category .product-cates ul {border-top:1px solid #ddd;border-left:1px solid #ddd}
.product-category .product-cates li {position:relative;float:left;width:308px;height:220px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.product-category .product-cates li.alpha dl {position:absolute;top:10px;left:10px;background:#fff}
.product-category .product-cates li.alpha dt {padding:0 10px;width:268px;line-height:32px;color:#fff;background:#347;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-category .product-cates li.alpha dd a {display:block;padding:0 10px;width:268px;height:26px;line-height:26px;font-size:12px;border-bottom:1px solid #ddd;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-category .product-cates li.alpha dd a.tar {background:#eee}
.product-category .product-cates li.cate {background:#eee}
.product-category .product-cates li.cate a,.product-category .product-cates li.cate img {display:block;width:308px;height:220px}
.product-category .product-cates li.cate a {position:relative}
.product-category .product-cates li.cate img {padding:15px;width:278px;height:190px;background:#fff}
.product-category .product-cates li.cate h2 {position:absolute;right:0;bottom:0;padding:5px 7px;font-size:14px;font-weight:normal;color:#fff;background:#000;opacity:.4;filter:alpha(opacity=40)}

.product-info {border-top:1px solid #ddd}
.product-head {position:relative;padding:0 10px;line-height:40px;font-size:14px;background:#f4f5f7;border:1px solid #ddd;border-top:1px solid #fff}
.product-head a.all,.product-head a.all span {display:inline-block;height:26px;line-height:26px;color:#fff;background:#f30}
.product-head a.all {padding-left:32px;background:url(/images/product-head-button.png)}
.product-head a.all span {padding-right:17px;background:url(/images/product-head-button.png) no-repeat 100% 0}
.product-head a.compare {position:absolute;top:0;right:15px;font-size:12px}
.product-banner {position:relative;height:320px;border:1px solid #ddd;border-top:none}
.product-banner img.product {display:block;height:320px}
.product-banner h1 {position:absolute;top:5px;left:440px;width:400px;font:16px bold; background-color:#F5F5F5; height:20px; line-height:20px;}
.product-banner .cate-name {position:absolute;top:30px;left:440px;font-size:14px;color:#666;width:400px; line-height:20px;}
.product-banner span {position:absolute;top:220px;left:440px}
.product-banner span a {display:inline-block;margin-left:5px;vertical-align:middle}
.product-desc,.product-button {float:left;margin-top:10px;border:1px solid #ccc}
.product-desc {width:710px}
.product-desc h4 {height:35px;line-height:35px;background:#347;border-bottom:1px solid #ccc}
.product-desc h4 a {display:inline-block;margin-left:-1px;padding:0 10px;color:#fff;border:1px solid #ccc;border-top:none}
.product-desc h4 a.active {color:#036;background:#fff;border-bottom:1px solid #fff}
.product-desc-box {padding:10px 15px}
/*.product-desc-box td { background-color:#CCC;}*/
.product-desc-box p {padding:.25em 0;line-height:1.8em}
.product-album {padding:5px 0}
.product-album ul {margin:-13px 0 0 -13px}
.product-album li {float:left;margin:13px 0 0 13px;width:160px}
.product-album li a,.product-album li img {display:block}
.product-album li img {width:160px;height:120px}
.product-album li h5 {padding-top:5px;font-weight:normal;text-align:center}
.product-button {margin-left:10px;padding:8px 13px;width:200px;min-height:150px}
.product-button a {display:block;height:60px;line-height:199px;overflow:hidden;border-bottom:1px solid #ddd}
.product-button a.comp {background-position:0 -60px}
.product-button a.feedback {background-position:0 -120px}
pre {  white-space:pre-wrap; /* css-3 */  white-space:-moz-pre-wrap; /* Mozilla, since 1999 */ white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */ word-break:break-all; } 

#footer-contact {padding:15px 0;background:#eee url(/images/footer-contact-bg.jpg);border:1px solid #ddd}
.contact-left,.contact-right {float:left}
.contact-left {padding-left:5px;width:960px}
#footer-contact a {display:inline-block;padding:0 10px;border-right:1px solid #ccc}
#footer-contact a.omega {border:none}
#footer-contact a span {font-weight:bold;color:#347}

footer {margin-top:15px;padding:20px 0 10px;background:#fafafa url(/images/footer-bg.png) no-repeat 50% 0}
footer .grid_24 {background:transparent}
#footer-nav {text-align:center}
#footer-nav a {display:inline-block;padding:0 10px;font-size:12px;border-right:1px solid #ccc}
#footer-nav a.omega {border:none}
footer .copyright {padding:15px 0 10px;font-size:12px;color:#666;text-align:center}

.article-list {padding-left:15px}
.article-list li {padding-left:5px}
.article-list time {right:5px}

.article-plus-list {padding:5px 0 15px 15px}
.article-plus-list li {padding:10px 0;border-bottom:1px dotted #ccc}
.article-plus-list .article-logo a,.article-plus-list .article-logo img {display:block;width:100px;height:100px}
.article-plus-list .article-logo a {padding:1px;border:1px solid #ddd}
.article-plus-list .article-detail h3 {height:25px}
.article-plus-list .article-detail h3 a {font-size:14px}
.article-plus-list .article-detail .summary {line-height:20px;font-size:12px;color:#666}

div.page {margin:0 0 30px}
div.page,div.page a,div.page span {font-size:12px}

article.article {padding-left:15px}
article .related {padding-bottom:15px;font-size:12px}
article .contact {padding-right:20px;width:300px}
article .map {margin-top:25px;width:596px;height:358px}
article .map-branch {margin-top:20px;width:100%;height:538px;border:1px solid #ddd}
article .content th, article .content td {padding-left:10px;text-align:left;vertical-align:top; line-height:15px;}
article .content th {font-size:14px;background:url(/images/sprite.png) no-repeat 0 -48px}

.album-list {padding-left:10px}
.album-list .list {padding:0}
.album-list .item {padding:0 9px 15px}

.feedback {padding-bottom:10px}
.feedback p {margin:15px 0 10px 15px;padding:1.5em;font-size:12px;text-align:center;background:#f8f8f8;border:1px dotted #ddd}
.feedback ul {margin:20px 0 10px;padding-left:100px}
.sp-tip {margin:30px 0 30px 15px;padding:40px 0;color:#06c;text-align:center;background:#eef3ff;border:1px solid #9af}

.search-tip {margin:15px 0 5px 15px;padding:1em;font-size:12px;color:#f90;text-align:center;background:#fffff7;border:1px solid #fc0}

.video-box-play {margin:30px auto 0;padding:10px 10px 30px;width:600px;}
.video-box-play h1 {padding-left:38px;line-height:35px;font-size:12px}
.video-box-play .media {height:450px;overflow:hidden}
.video-box-play .list {padding-top:10px}
.video-box-play .list li {float:left;margin:20px 10px;width:120px;text-align:center}
.video-box-play .list a {display:block;font-size:12px}
.video-box-play .list img {margin-bottom:5px}

#compare {position:absolute;z-index:9999;width:130px;height:197px;}
#compare .box {position:relative;margin:35px 10px 10px 0;height:305px}
#compare .box ul {padding:5px 10px}
#compare .box li {position:relative;padding:10px 0;height:14px;overflow:hidden;font-size:12px;border-bottom:1px dashed #ccc}
#compare .box li a {display:none;position:absolute;top:10px;right:0;padding:0 3px;color:#fff;background:#f30}
#compare .box li:hover a {display:block}
#compare .box input {position:absolute;bottom:119px;left:42px;width:66px}
#compare .box input:active {top:auto}

.compare-box table {width:100%}
.compare-box table th,.compare-box table td {padding:10px 15px;line-height:1.5em;font-size:12px;vertical-align:top;border:1px solid #ddd}
.compare-box table th {font-size:14px}
.compare-box table img {display:block;margin:0 auto;width:160px}
.compare-box table a.button {display:none;margin:0 auto;width:155px;height:35px;line-height:35px;font-size:16px;font-weight:bold;color:#555;background:#ddd url(/images/compare-button.png)}
.compare-box table a.button:hover {color:#fff;background-position:0 -35px}
.compare-box table table th,.compare-box table table td {padding:7px 10px}
.compare-box select {margin-top:10px}

.link-list {}
.link-list ul {margin-left:5px}
.link-list li {float:left;padding-top:20px;padding-left:20px}
.link-list img {display:block;width:120px;height:48px}

.z-list{padding-top:30px;width:750px}
.z-list ul{margin-left:-10px}
.z-list li{float:left;margin:0 0 20px 10px;width:240px;display:inline-block;overflow:hidden}
.z-list img{display:block;width:240px;height:176px}
.z-list a {position:relative;display:block}
.z-list span {position:absolute;bottom:0;left:0;padding:0 10px;width:220px;height:25px;line-height:25px;color:#fff;text-align:center;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#80000000,endColorstr=#80000000)}
.z-list a:hover span {background:rgba(210,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#80cc0000,endColorstr=#80cc0000)}

.ui-gallery {position:relative}
.ui-gallery img {display:block}
.ui-gallery .playbox {position:relative}
.ui-gallery .playbox span {position:absolute;bottom:20px;left:20px;padding:10px 20px;color:#fff;background:#000;filter:alpha(opacity=50);opacity:.5}
.ui-gallery .playbox  em {position:absolute;top:20px;right:20px;line-height:1em;font-size:20px;font-style:normal;color:#fff}
.ui-gallery .thumb {position:absolute;top:0;right:0}
.ui-gallery .thumb li {padding:5px 0;cursor:pointer}
.ui-gallery .thumb img {padding:4px;background:#fff;border:1px solid #ccc;filter:alpha(opacity=50);opacity:.5;transition:all .2s linear}
.ui-gallery .thumb li:hover img {filter:alpha(opacity=75);opacity:.75}
.ui-gallery .thumb li.active img {background:#347;border-color:#347;filter:alpha(opacity=100);opacity:1}
.ui-gallery .thumb a {display:block;margin:15px auto;width:51px;height:18px;line-height:99px;background:url(/images/ui-gallery-arrow.png);overflow:hidden;cursor:pointer}
.ie6 .ui-gallery .thumb a {background-image:url(/images/ui-gallery-arrow.gif)}
.ui-gallery .thumb a.prev {background-position:0 -18px}
.ui-gallery .thumb a.next {background-position:0 0}
.ui-gallery .thumb a.prev.disabled {background-position:-51px -18px}
.ui-gallery .thumb a.next.disabled {background-position:-51px 0}
#gallery {margin:20px 0}
#gallery .playbox {width:760px;height:456px;overflow:hidden}
#gallery .playbox img {width:760px;height:456px}
#gallery .thumb {width:130px}
#gallery .thumb img {width:120px;height:72px}
#gallery .thumbbox {height:368px;overflow:hidden}
#product-album {margin:10px 0}
#product-album .playbox {width:680px;height:680px;overflow:hidden}
#product-album .playbox li {height:680px}
#product-album .playbox img {width:680px;height:680px}
#product-album .thumb {width:130px;opacity:.01;filter:alpha(opacity=1)}
#product-album:hover .thumb {opacity:1;filter:alpha(opacity=100)}
#product-album .thumb img {width:120px;height:72px}
#product-album .thumbbox {height:368px;overflow:hidden}
article .content a {border:none}
table.zeroborder{border:none}table.zeroborder th,table.zeroborder td{border:none}table.noborder tbody tr:nth-child(even) td{background-color:#eee}
.r1{width:58px;height:58px;float:right; 
position:fixed !important; bottom/**/: 18px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+118);right:10px;}